<script type="text/template" id="tpl-login-panel">

<div class="panel panel-default">
	<div class="panel-heading">
		<g:message code="login.head.label" />
	</div>

	<div class="panel-body">
		<form role="form">

			<div class="form-group">
				<label for="username"><g:message code="login.username.label" /></label>
				<input type="text" class="form-control" id="username"
					placeholder="${message(code:"login.username.placeholder.label")}">
			</div>

			<div class="form-group">
				<label for="password"><g:message code="login.password.label" /></label>
				<input type="password" class="form-control" id="password"
					placeholder="${message(code:"login.password.placeholder.label")}">
			</div>

		</form>
	</div>

	<div class="panel-footer">
		<button class="btn btn-primary" type="button" id="loginBtn">
			<g:message code="login.button.label" />
		</button>
	</div>

</div>

</script>